﻿.homepage section[role=main] {
    margin-left: 120px;
    margin-right: 120px;
}

@media screen and (-ms-view-state: snapped) {
    .homepage section[role=main] {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media screen and (-ms-view-state: fullscreen-portrait) {
    .homepage section[role=main] {
        margin-left: 100px;
        margin-right: 100px;
    }
}

.ms-flexbox {
	display: -ms-flexbox;
	height: 560px;
	width: 606px;
	-ms-flex-wrap: wrap;
	-ms-flex-direction:row;
	-ms-flex-align: start;
}

.FlexChild{
	 margin: 15px 15px 15px 0px;
	 height: 120px;
	 width: 240px;
	 text-align:center;
	}

.fragment {
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CDCDCD 100%);
}

body{
	color: black;
	}
	
/* Custom Elements*/
.FlexChildItem
{
    cursor:pointer;
	background-image: -ms-linear-gradient(Top, #FFF429 0%, #FFB549 100%);
}
	
.FlexChildImageArea{
	height:80px;
	}
	
.FlexChildTextArea{
	height:40px;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #C70000 0%, #FFC8C8 100%);
	}
	
.FlexChildWholeArea{
	height:120px;
	}
	
.TopArea{
	background-image: -ms-linear-gradient(top, #2302FF 0%, #000000 125%);
	
}

.pagetitle{
	color:white;	
}